<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:p="http://primefaces.org/ui">
	
    <h:head />
    <h:body>
	 	<div id="content_current">
	 	<h:form>
	 		<p:dataGrid var="pac" value="#{gfView.buscaParametro()}" columns="1" layout="grid"
		        id="pacs" style="border-color: transparent;border-style: none;">
		 
		        
		        <p:panel id="generales" header="Generales" style="margin-bottom:20px" toggleable="true">
			        <h:panelGrid columns="2" cellpadding="5">
				        <p:outputLabel value="Nombre:" for="nombre" />
				        <p:inplace id="nombre" editor="true">
				        	<p:inputText value="#{pac.nombrePaciente}" required="true" label="text"  />
				        </p:inplace>
				        
				        <p:outputLabel for="nac" value="Fecha de nacimiento:" />
	       				<p:inputText id="nac"  pattern="dd/MM/yyyy" mask="true" value="#{pac.fechaNacimiento}"/>
	       				
	       				<p:outputLabel value="Edad:" for="edad" />
	       				<p:inputText id="edad" value="#{pac.edad}" readonly="true" />
	       				
	       				<p:outputLabel for="genero" value="Sexo:" />
				        <p:inputText id="genero" value="#{pac.sexoPaciente}"  />
       				</h:panelGrid>
			    </p:panel>
			    
			    <p:panel id="padres" header="Información de Padres" style="margin-bottom:20px" toggleable="true">
			        <h:panelGrid columns="2" cellpadding="5">
			        	<p:outputLabel value="Nombre de la madre:" for="madre" />
				        <p:inplace id="madre" editor="true">
				        	<p:inputText value="#{pac.madre}" required="true" label="text"  />
				        </p:inplace>
        				
        				<p:outputLabel value="Nombre del padre:" for="padre" />
        				<p:inplace id="padre" editor="true">
        					<p:inputText  value="#{pac.padre}" required="true" label="text" />
        				</p:inplace>
        				
        				<p:outputLabel value="Email:" for="email" />
        				<p:inplace id="email" editor="true">
        					<p:inputText  value="#{pac.email}" required="true" label="text" />
        				</p:inplace>        		
        				
        				<p:outputLabel for="movil" value="Movil:" />
        				<p:inplace id="movil" editor="true">
        					<p:inputMask value="#{pac.movil}" required="true" label="text"/>
        				</p:inplace>        		
			        </h:panelGrid>
			    </p:panel>
			    
			    <p:panel id="expediente" header="Expediente" style="margin-bottom:20px" toggleable="true">
			        <h:panelGrid columns="2" cellpadding="5">
			            <p:outputLabel for="pvisita" value="Fecha primer visita:" />
        				<p:inputText id="pvisita"  pattern="dd/MM/yyyy" mask="true" value="#{pac.fechaPrimerVisita}"/>
        				
        				<p:outputLabel value="Edad primer visita:" for="evisita" />
        				<p:inputText id="evisita" readonly="true" value="#{pac.edadPrimerVisita}"/>
        				
        				<p:outputLabel value="Expediente antiguo:" for="exped" />
        				<p:selectBooleanCheckbox id="exped" value="#{pac.expedienteHistorico}" disabled="true"/>
        				<h:commandButton value="Ver expediente" rendered="#{pac.expedienteHistorico == true}" style="height:20px; font-size: 10px;"  />
			        </h:panelGrid>
			    </p:panel>
			    
		 	<p:commandButton icon="ui-icon-print"  />
		    <p:commandButton icon="ui-icon-close" />
		    </p:dataGrid>
		    </h:form>
		</div> 
    	
    </h:body>

</html>